*{margin:0;padding:0;box-sizing:border-box}body{font-family:Garamond,IM Fell English,Georgia,Times New Roman,serif;background:#1a0f08;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.scene{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%),radial-gradient(ellipse 800px 600px at 30% 20%,rgba(255,200,120,.15),transparent 50%),radial-gradient(ellipse 800px 600px at 70% 80%,rgba(255,180,100,.1),transparent 50%),repeating-linear-gradient(90deg,#6543210d,#8b451314,#6543210d 6px),linear-gradient(180deg,#1a0f08,#0d0704)}.diary-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.diary-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://download.cdn.seaverse.dev/resources/fdb5b32152f2b1f8/20260131/6216b0a5-faf4-4f8f-8ecf-adea815ced24.webp);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;pointer-events:none}.left-page-text{position:fixed;left:50%;top:50%;transform:translate(-105%,-50%);width:22vw;max-width:350px;height:45vh;max-height:450px;z-index:10;display:flex;flex-direction:column;padding:20px 30px}.question-input{flex:1;width:100%;background:transparent;border:2px solid transparent;outline:none;font-family:Garamond,Georgia,serif;font-size:1.6rem;line-height:2.3;color:#2d1810;font-style:italic;resize:none;padding:10px;transition:border-color .3s ease}.question-input::-moz-placeholder{color:#3d281766;font-style:italic}.question-input::placeholder{color:#3d281766;font-style:italic}.question-input:focus{background:#fff8e61a}.right-page-text{position:fixed;left:50%;top:50%;transform:translate(5%,-50%);width:22vw;max-width:350px;height:45vh;max-height:450px;z-index:10;display:flex;flex-direction:column;padding:20px 30px;overflow:hidden}.answer-text{font-family:Garamond,Georgia,serif;font-size:1.7rem;line-height:2.5;color:#2d1810;font-style:italic;opacity:0;white-space:pre-wrap;word-wrap:break-word}.answer-text.show{opacity:1}@keyframes dropDown{0%{opacity:0;transform:translateY(-100px) rotate(-10deg)}60%{transform:translateY(10px) rotate(2deg)}80%{transform:translateY(-5px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes riseUp{0%{opacity:0;transform:translateY(80px) scale(.8)}50%{opacity:.5}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spinIn{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes blurToFocus{0%{opacity:0;filter:blur(15px);transform:scale(1.3)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes flipIn{0%{opacity:0;transform:perspective(400px) rotateX(-90deg)}40%{transform:perspective(400px) rotateX(20deg)}to{opacity:1;transform:perspective(400px) rotateX(0)}}@keyframes shakeIn{0%{opacity:0;transform:translate(-30px)}25%{transform:translate(20px)}50%{transform:translate(-15px)}75%{transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes waveIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}50%{transform:translateY(15px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.answer-text.anim-dropDown{animation:dropDown 1.4s cubic-bezier(.34,1.56,.64,1)}.answer-text.anim-riseUp{animation:riseUp 1.2s ease-out}.answer-text.anim-fadeInBounce{animation:fadeInBounce 1.3s cubic-bezier(.68,-.55,.265,1.55)}.answer-text.anim-spinIn{animation:spinIn 1.2s cubic-bezier(.68,-.55,.265,1.55)}.answer-text.anim-slideInLeft{animation:slideInLeft 1s cubic-bezier(.25,.46,.45,.94)}.answer-text.anim-slideInRight{animation:slideInRight 1s cubic-bezier(.25,.46,.45,.94)}.answer-text.anim-blurToFocus{animation:blurToFocus 1.3s ease-out}.answer-text.anim-flipIn{animation:flipIn 1.2s ease-out}.answer-text.anim-shakeIn{animation:shakeIn 1s cubic-bezier(.25,.46,.45,.94)}.answer-text.anim-waveIn{animation:waveIn 1.2s ease-in-out}.answer-text.typing{overflow:hidden;border-right:2px solid #2d1810;white-space:nowrap;animation:typing 2s steps(40,end),blink .7s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.answer-text.font-style-1{font-family:Garamond,Georgia,serif;font-style:italic;font-weight:400;letter-spacing:0px}.answer-text.font-style-2{font-family:Times New Roman,Times,serif;font-weight:500;font-style:normal;letter-spacing:1px;line-height:2.3}.answer-text.font-style-3{font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-style:normal;font-weight:300;letter-spacing:1.5px;line-height:2.6}.answer-text.font-style-4{font-family:Didot,Bodoni MT,Baskerville,serif;font-weight:400;font-style:italic;letter-spacing:.5px;line-height:2.7}.control-panel{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:100;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}.ask-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 40px;font-family:Garamond,Georgia,serif;font-size:1.1rem;font-weight:600;letter-spacing:1.5px;color:#fff5e6;background:linear-gradient(135deg,rgba(255,235,180,.4) 0%,transparent 50%),linear-gradient(to bottom,#c9a66b,#b89860 15%,#a1824f 35%,#8b6f47,#745a38 65%,#5d4729 85%,#4a3820);border:2px solid #2d1f12;border-radius:50px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 30px #ffd77826,0 10px 25px #000c,inset 0 3px 5px #ffffff59,inset 0 -3px 5px #00000080,inset 3px 0 3px #ffeb9640,inset -3px 0 3px #00000059;position:relative;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.7),0 0 12px rgba(255,215,120,.4),0 1px 0 rgba(255,255,255,.2)}.ask-button:hover{background:linear-gradient(135deg,rgba(255,235,180,.5) 0%,transparent 50%),linear-gradient(to bottom,#d4af6f,#c49e63 15%,#af8d55 35%,#997b4a,#83673f 65%,#6d5331 85%,#594426);transform:translateY(-3px);box-shadow:0 0 40px #ffd77840,0 12px 30px #000000d9,inset 0 3px 6px #fff6,inset 0 -3px 6px #0000008c,inset 3px 0 4px #ffeb964d,inset -3px 0 4px #0006}.ask-button:active{transform:translateY(0);box-shadow:0 6px 15px #000000bf,inset 0 4px 6px #000000a6,inset 0 -1px 3px #fff3}.ask-button:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:grayscale(.3)}.ask-button svg{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.loading{position:fixed;inset:0;background:radial-gradient(ellipse at center,#1a0f08f2,#0d0704fa),#0a0502f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .5s ease}.loading.show{opacity:1;pointer-events:auto}.loading-content{text-align:center;position:relative}.loading-content:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(255,200,120,.2),transparent 70%);animation:candleFlicker 2s infinite;pointer-events:none}@keyframes candleFlicker{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}25%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}50%{opacity:.7;transform:translate(-50%,-50%) scale(.98)}75%{opacity:.9;transform:translate(-50%,-50%) scale(1.02)}}.loading-spinner{width:80px;height:80px;border:5px solid rgba(139,111,71,.2);border-top-color:#d4af37;border-right-color:#c19a2e;border-radius:50%;animation:spin 1.5s cubic-bezier(.5,0,.5,1) infinite;margin:0 auto 30px;position:relative;box-shadow:0 0 20px #d4af374d,inset 0 0 10px #d4af371a}.loading-spinner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:3px solid rgba(212,175,55,.3);border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:#d4af37;font-size:1.5rem;font-style:italic;letter-spacing:3px;font-family:Garamond,IM Fell English,Georgia,serif;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 20px rgba(212,175,55,.5);animation:textGlow 2s infinite}@keyframes textGlow{0%,to{opacity:.9}50%{opacity:1;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 30px rgba(212,175,55,.7)}}.meditation-modal{position:fixed;inset:0;background:#0a0502eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .5s ease}.meditation-modal.show{opacity:1;pointer-events:auto}.meditation-content{background:linear-gradient(135deg,#2a1810,#1a0f08);border:3px solid #d4af37;border-radius:20px;padding:50px 60px;max-width:600px;width:90%;box-shadow:0 0 40px #d4af374d,0 20px 60px #000c,inset 0 0 30px #d4af371a;position:relative;animation:modalFadeIn .6s ease-out}@keyframes modalFadeIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.meditation-title{font-family:Garamond,Georgia,serif;font-size:2rem;color:#d4af37;text-align:center;margin-bottom:40px;font-style:italic;text-shadow:0 2px 8px rgba(212,175,55,.5);letter-spacing:2px}.meditation-instructions{margin-bottom:40px}.instruction-item{display:flex;gap:20px;margin-bottom:30px;align-items:flex-start}.instruction-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#d4af37,#a1824f);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Garamond,Georgia,serif;font-size:1.3rem;font-weight:700;color:#1a0f08;box-shadow:0 4px 12px #d4af3766}.instruction-item p{flex:1;font-family:Garamond,Georgia,serif;font-size:1.1rem;line-height:1.8;color:#f5e6d3;margin:0;padding-top:5px}.meditation-button{display:block;width:100%;padding:18px 40px;font-family:Garamond,Georgia,serif;font-size:1.3rem;font-weight:600;letter-spacing:3px;color:#fff5e6;background:linear-gradient(to bottom,#c9a66b,#b89860 15%,#a1824f 35%,#8b6f47,#745a38 65%,#5d4729 85%,#4a3820);border:2px solid #2d1f12;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #d4af374d,0 8px 20px #0009,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0006;text-shadow:0 2px 4px rgba(0,0,0,.6)}.meditation-button:hover{background:linear-gradient(to bottom,#d4af6f,#c49e63 15%,#af8d55 35%,#997b4a,#83673f 65%,#6d5331 85%,#594426);transform:translateY(-2px);box-shadow:0 0 30px #d4af3766,0 10px 25px #000000b3,inset 0 2px 5px #ffffff59,inset 0 -2px 5px #00000073}.meditation-button:active{transform:translateY(0);box-shadow:0 4px 12px #0009,inset 0 3px 5px #0009}@media(max-width:1024px){.left-page-text{transform:translate(-105%,-50%);width:24vw;max-width:320px;height:42vh;max-height:420px;padding:15px 20px}.right-page-text{transform:translate(5%,-50%);width:24vw;max-width:320px;height:42vh;max-height:420px;padding:15px 20px}.question-input{font-size:1.3rem}.answer-text{font-size:1.4rem;line-height:2.3}}@media(max-width:768px){.left-page-text{transform:translate(-105%,-50%);width:28vw;max-width:280px;height:38vh;max-height:380px;padding:12px 18px}.right-page-text{transform:translate(5%,-50%);width:28vw;max-width:280px;height:38vh;max-height:380px;padding:12px 18px}.question-input{font-size:1.15rem;line-height:2}.answer-text{font-size:1.25rem;line-height:2.2}.ask-button{padding:12px 25px;font-size:1rem}.meditation-content{padding:35px 40px;max-width:500px}.meditation-title{font-size:1.6rem;margin-bottom:30px}.instruction-item p{font-size:1rem}.meditation-button{font-size:1.1rem;padding:15px 35px}}@media(max-width:480px){.left-page-text{transform:translate(-105%,-50%);width:32vw;max-width:180px;height:32vh;max-height:280px;padding:10px 15px}.right-page-text{transform:translate(5%,-50%);width:32vw;max-width:180px;height:32vh;max-height:280px;padding:10px 15px}.question-input{font-size:1rem;line-height:1.8}.answer-text{font-size:1.1rem;line-height:2}.control-panel{bottom:20px}.ask-button{padding:10px 20px;font-size:.9rem}.ask-button span{display:none}.meditation-content{padding:25px;max-width:95%}.meditation-title{font-size:1.4rem;margin-bottom:25px}.instruction-number{width:32px;height:32px;font-size:1.1rem}.instruction-item{gap:15px;margin-bottom:20px}.instruction-item p{font-size:.95rem;line-height:1.6}.meditation-button{font-size:1rem;padding:14px 30px;letter-spacing:2px}}@media(max-height:700px){.control-panel{bottom:10px}.left-page-text,.right-page-text{height:45vh;max-height:350px}}